<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>简单好看的个人主页网站 - 源码之家</title>
    <!-- CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/blog.css" rel="stylesheet">
  </head>
  <body>
    <div class="blog-masthead">
      <div class="container">
        <nav class="blog-nav">
          <a class="blog-nav-item active" href="index.html">首页</a>
          <a class="blog-nav-item" href="#part1">生活</a>
          <a class="blog-nav-item" href="#part2">旅行</a>
          <a class="blog-nav-item" href="#part3">技术</a>
        </nav>
      </div>
    </div>
	<div class="intr">
    	<span class="avtar"></span>
        <p class="peointr">我叫陈嘉祥，一名计算机专业大三的学生。</p>
        <p class="peointr">爱生活，爱旅行，爱技术。</p>
    </div>
    <div class="title" id="part1">爱生活</div>
    <div class="content">
    	<div class="pic pic1">
    		<img src="image/1.jpg" alt="">
    		<p>我的校园-图书馆</p>
    	</div>
    	<div class="pic pic2">
    		<img src="image/9.jpg" alt="">
    		<p>我的校园-教学楼</p>
    	</div>
    	<div class="pic pic3">
    		<img src="image/3.jpg" alt="">
    		<p>我的校园-全景图</p>
    	</div>
    </div>
    <div class="title" id="part2">爱旅行</div>
    <div class="content">
    	<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
              <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
              </ol>
              <div class="carousel-inner" role="listbox">
                <div class="item active">
                  <img src="image/21.jpg" alt="...">
                </div>
                <div class="item">
                  <img src="image/22.jpg" alt="...">
                </div>
				<div class="item">
                  <img src="image/23.jpg" alt="...">
                </div>
              </div>
              <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
                <span class="sr-only">Next</span>
              </a>
            </div>
    </div>
	<div class="title" id="part3">爱技术</div>
    <div class="content">
        <ul class="nav nav-tabs" role="tablist">
          <li class="active"><a href="#home" role="tab" data-toggle="tab">前端开发</a></li>
          <li><a href="#profile" role="tab" data-toggle="tab">数据分析</a></li>
          <li><a href="#messages" role="tab" data-toggle="tab">机器学习</a></li>
        </ul>
        <div class="tab-content">
          <div class="tab-pane active" id="home">
          	<p class="text">前端开发是构建用户界面的过程，主要使用HTML、CSS和JavaScript等技术。</p>
            <p class="text">通过响应式设计，前端开发确保网页在各种设备上都能提供良好的用户体验。</p>
            <p class="text">使用现代框架如React、Vue和Angular，前端开发人员能够创建动态、交互性强的单页应用。</p>
          </div>
          <div class="tab-pane" id="profile">
          	<p class="text">数据分析涉及收集、清理和解释数据，以从中提取有价值的信息和洞察。</p>
            <p class="text">使用工具如Python中的Pandas和NumPy，分析师可以高效处理大规模数据集，并进行复杂的统计分析。</p>
            <p class="text">可视化工具如Tableau和Matplotlib帮助分析师以图形化方式展示数据，使其更易于理解和分享。</p>
          </div>
          <div class="tab-pane" id="messages">
          	<p class="text">机器学习是人工智能的一个分支，它通过算法使计算机从数据中学习和预测。</p>
            <p class="text">常见的机器学习方法包括监督学习、无监督学习和强化学习，每种方法适用于不同类型的问题。</p>
            <p class="text">通过使用流行的库如TensorFlow和Scikit-learn，开发者能够快速构建和训练机器学习模型，解决实际应用中的复杂问题。</p>
          </div>
        </div>
    </div>
    <div class="blog-footer">
      
    </div>
    <a href="" class="btt">顶部</a>
    <!-- Js-->
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugin.js"></script>
  <style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<div class="copyrights" id="links20210126">
	Collect from <a href="http://www.cssmoban.com/"  title="网站模板">模板之家</a>
	<a href="https://www.chazidian.com/"  title="查字典">查字典</a>
</div>
</body>
</html>
